.hy-table{
  width: 100%;
  overflow: auto;
  &.line-table{
   .hy-table-th, .hy-table-td{
      border-right: 1px solid #e5e5e5;
      &:nth-last-child(1){
        border-right: 0;
      }
    }
    tr{
      border-bottom: 1px solid #e5e5e5;
      &:nth-last-child(1){
        border-bottom: 0;
      }
    }
  }
  &.menu-table{
    .hy-table-tbody{
      &-tr:hover{
        background-color: #fffcf2;
      }
    }
  }
  table{
    border-collapse: collapse;
    min-width: 100%;
    font-size: 12px;
    table-layout: fixed;
  }
  &-th{
    min-width: 1rem;
    position: relative;
    &.select{
      text-indent: .2rem;      
    }
    & span{
      position: relative;
      &:hover:after{
        content: attr(alt);
        color: #fff;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        z-index: 10;
        border-radius: 5px;
        background: rgba(0, 0, 0, .3);
        text-indent: 0;
        max-width: 3rem;
        min-width: 1rem;
      }
    }
  }
  &-thead{
    &-tr{
      height: .44rem;
      background-color: #ebebeb; 
    }
  }
  &-tbody{
    text-align: center;
    &-tr{
      cursor: default;
      height: .36rem;
      &:nth-child(2n-1){
        background-color: #fff;
      }
      &:nth-child(2n){
        background-color: #f5f5f5;
      }
    }
  }
  
  &-td{
    text-align: center;
    word-break: keep-all;             
    white-space: nowrap; 
    padding-left: 10px;
    padding-right: 10px;
  }
  &-error{
    font-size: 12px;
    text-align: center;
  }
  .wrap, .head-checked{
    margin-left: 10px;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 2px;
    cursor: pointer;
    &.half-select, &.whole-select{
      background-color: #108ee9;
      border-color: #108ee9;
      position: relative;
    }
    &.half-select:after{
      transform: scale(1);
      position: absolute;
      top: 5px;
      display: table;
      width: 100%;
      border: 2px solid #fff;
      border-top: 0;
      border-left: 0;
      content: " ";
      transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    }
    &.whole-select:after{
      transform: rotate(45deg) scale(1);
      position: absolute;
      left: 4px;
      top: 1px;
      display: table;
      width: 5px;
      height: 8px;
      border: 2px solid #fff;
      border-top: 0;
      border-left: 0;
      content: " ";
      transition: all .2s cubic-bezier(.12,.4,.29,1.46) .1s;
    }
  }
  .head-checked{
    display: inline-block;
    position: absolute !important;    
    top: 0;
    bottom: 0;
    margin: auto 0 auto -18px;
  }
}